<template>
  <div>
    <div style="display: flex;justify-content: center">
      <h1>日志一览</h1>
    </div>

    <!--    表格-->
    <div>
      <el-table :data="cutBean.records" style="width: 100%">
        <el-table-column prop="birthday" label="日期"/>
        <el-table-column prop="birthday" label="内容"/>
      </el-table>
      <el-pagination
          v-model:currentPage="cutBean.current"
          v-model:page-size="cutBean.size"
          background
          layout="prev, pager, next, jumper"
          :total="cutBean.total"
          @current-change="findByItem"
      />
    </div>


    <div>
      <div style="display: flex;justify-content: space-around;margin-top: 38px">

        <div>起始日期
          <el-date-picker
              v-model="startDate"
              type="date"
              placeholder="选择日期"
              value-format="YYYY-MM-DD"
          />
        </div>
        <div>结束日期
          <el-date-picker
              v-model="endDate"
              type="date"
              placeholder="选择日期"
              value-format="YYYY-MM-DD"
          />
        </div>
        <div>
          <el-button type="primary" @click="">查询</el-button>
        </div>
      </div>

    </div>
  </div>

</template>

<script>
import axios from "axios";

export default {
  data() {
    return {
      supplierObj: {},
      cutBean: {
        records: [
          {id: 2, name: "haha", job: "老板", birthday: "1993-02-01"},
          {id: 3, name: "oo", job: "boss", birthday: "1996-02-01"},
          {id: 1, name: "dd", job: "boss2", birthday: "1995-02-01"},
          {id: 4, name: "cc", job: "boss3", birthday: "1994-02-01"},
        ],
        total: 20,
        pages: 5,
        size: 4,
        current: 1
      },
      dialogVisible: false,
    }
  }
}
</script>

<style scoped>

</style>